function loadHots(el){
    let keyWord = $("#keyWord").val();
    let pageNo = $(el).attr("data");
    $.ajax({
        url:"/hot/list",
        dataType:"json",
        type:"get",
        data:{keyWord,pageNo},
        success:function(res){
            let pageInfo = res.pageInfo;
            initPage(pageInfo);
            let list = pageInfo.list;
            $("table tr:gt(0)").remove();
            //forEach 一个是js的方法 数据在前 下标在后 each 一个是jquery的方法  下标在前 数据在后
            list.forEach(function(hot,index){
                let tr = `<tr>
                                    <td align="center">${hot.keyWord}</td>
                                    <td align="center">${hot.searchSum}</td>
                                    <td align="center">${hot.createDate}</td>
                                </tr>`
                $("table").append(tr);
            })
        }
    })
}

function initPage(page){
    //jquery:onclick 会 给标签绑定事件 它会重复绑定  就是对于标签一个空间可以多次绑定同一个事件
    $(".first").attr("data",1);
    $(".prev").attr("data",page.prePage);
    $(".next").attr("data",page.nextPage);
    $(".last").attr("data",page.pages);
    $("#currentPageNo").text(page.pageNum);
    $("#totalPage").text(page.pages);
}

$(function(){
    loadHots();
})
